import axios from 'axios'
export default {
  namespaced: true,
  state: {
    list: []
  },
  mutations: {
    // 1.3接收传递过来的数据res.data就行修改
    setlist (state, playloat) {
      state.list = playloat
    },
    // 2.3接收传递过来的数据就行修改
    AddCount (state, obj) {
      const goods = state.list.find((item) => item.id === obj.id)
      goods.count = obj.count
    }
  },
  actions: {
    async getCarts (context) {
      // 发送请求获取数据
      const res = await axios.get('http://localhost:3000/cart')
      // console.log(res)
      // 1.1 由于不能在actions操作state 所以先到mutations 里进行操作，
      // 1.2在actions里调用mutations的setlist方法，
      context.commit('setlist', res.data)
    },
    //  2.1接收传递过来的数据id和count  发送axios
    // 在vuex中，mutations 和 actions函数只能接收一个参数，如果要传入对干参数，
    // 可以吧多个参数装到对象或数组中传入
    async AddCarts (context, obj) {
      await axios.patch('http://localhost:3000/cart/' + obj.id, {
        count: obj.count
      })
      // 2.2在actions里调用mutations里的AddCount方法
      // 调用mutations修改本地数据，根据id找到对象，在修改它的count
      context.commit('AddCount', obj)
    }
  },
  getters: {
    // vuex计算属性，可供所有组件使用
    totalCount (state) {
      return state.list.reduce((sum, item) => sum + item.count, 0)
    },
    totalPrice (state) {
      return state.list.reduce((sum, item) => sum + item.count * item.price, 0)
    }
  }

}
